<template>
  <div>
    <div class="banner">
      <h1>我们的平台</h1>
    </div>
    <div class="cont">
      <p class="title">桌面版 META TRADER 4</p>
      <div class="img1"></div>
      <p>Meta Trader 4是在北美乃至全球范围内最受推崇并且最常使用的交易平台之一。</p>
      <p>UKDFX MT4平台以实用的功能向用户提供优质高效的交易体验，使您的交易更加简便。</p>
      <p>我们MT4平台可以完全实现个性化定制以符合您的交易形式与需求，提供了极速的一键执行功能，具有深度的市场技术分析，并且可以使用EA机器人交易程序做自动化交易。</p>
      <p>我们亦可直接在您的 MT4 平台上串流交易设定，协助您做出慎密并且及时的交易决策，如此一来能够更进 一步强化您的交易经验。</p>
      <p>UKDFX 的 MT4 平台向您完全免费开放并且您将其下载后可以随时随地使用。马上就来畅享 UKDFX 给您 带来的不同体验吧。</p>
      <p class="img2"></p>
      <p class="btn"><a href="/static/mt4/ukdevelopment4setup.exe" download>Windows 平台下载</a></p>
    </div>
  </div>
</template>

<style lang="stylus" rel="stylesheet/stylus" scoped>
@import './../../common/stylus/mixin'
  .banner
    width: 100%
    height: 200px
    background: url("../../../static/images/banner.jpg") no-repeat
    background-size: 100% 100%
    padding-top:116.5px
    padding-left:40px
    box-sizing: border-box
    h1
      font-size: 20px
      color: #fff
  .cont
    padding: 0 18px
    p.title
      font-size: 18px
      font-weight: bold
      color: #ff9c00
      margin: 20px 0 15px 0
    p.img1
      width: 153px
      height: 34px
      bg-img('./img/mt4')
      margin-bottom: 15px
    p
      font-size: 14px
      color: #333
      margin-top: 20px
      &:last-child
        margin-bottom: 15px
    p.img2
      width: 339px
      height: 177px
      bg-img('./img/mt41')
      margin-bottom: 15px
    p.btn
      width: 339px
      height: 43px
      line-height: 43px
      border-radius: 2.5px
      text-align: center
      background-color: #ffcc00
      font-family: "苹方"
      font-size: 12px
      color: #333
      margin-bottom: 25px
      a
        color: #333
</style>
